<template>
  <div>
    <c-title :hide="false" text="直推用户"></c-title>
    <div class="flex-col page">
      <div class="flex-col justify-start flex-1 group">
        <div class="flex-col justify-start section_3">
          <div class="flex-col list">
            <div class="flex-row justify-between items-center list-item" v-for="(item,index) in items" :key="index">
              <div class="flex-row items-center flex-1">
                <img class="image_5" :src="item.avatar" />
                <div class="flex-col items-start ml-7 flex-1">
                  <span class="font">{{ item.nickname }}</span>
                  <span class="mt-8 font_4">{{ item.mobile }}</span>
                </div>
              </div>
              <div class="flex-row items-baseline group_2">
                <span class="font_3">当月总额</span>
                <span class="font_2 ml-7">{{ item.all_yeji }}</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import directPushuserController from "./directPushuserController";

export default directPushuserController;
</script>

<style>
 body {
    background-color: #f8f8f8;
  }
</style>
<style lang="scss" rel="stylesheet/scss" scoped>
@import "../common/common.css";
.ml-7 {
    margin-left: 7px;
  }
 
  .page {
    
    width: 100%;
    overflow-x: hidden;
    padding-bottom: 98px;
    //padding-bottom: 800px;
  }
  .group {
    padding-top: 12px;
    
  }
  .section_3 {
    background-color: #ffffff;
  }
  .list {
    margin-top: -10px;
    padding-left: 15px;
    padding-top: 4px;
  }
  .list-item {
    padding: 18px 2px 10px;
  }
  .image_5 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }
  .font {
    font-size: 14px;
    font-family: PingFang SC;
    line-height: 14px;
    color: #151515;
    text-align: left;
  }
  .font_4 {
    font-size: 14px;
    font-family: PingFang SC;
    line-height: 11px;
    color: #151515;
  }
  .group_2 {
    margin-right: 13px;
  }
  .font_3 {
    font-size: 12px;
    font-family: PingFang SC;
    line-height: 12px;
    color: #999999;
  }
  .font_2 {
    font-size: 18px;
    font-family: PingFang SC;
    line-height: 14px;
    font-weight: 500;
    color: #151515;
  }
</style>